<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" charset="utf-8">
	function popupAddress(){
		//새로운 윈도우를 띄우는 함수. window.open()
		/*
		 * 매개변수(문자열)
		 * 1. 새창에서 보여질 page의 URL을 지정
		 * 2. 새창의 이름 동일한 이름의 창이 떠있는 경우는 그 창을 보여주고 없으면 새로 띄운다. 
		 * 창 이름을 "" 로 주면 실행시마다 새창을 띄운다. 그러니까 이게 무슨 소리냐면
		 * 여기에 이름을 주고, 팝업을 띄우면 그 이름을 가진 팝업이 뜰꺼고 다시 팝업 클릭창을 누르면
		 * 팝업이 뜨지 않는다. 왜냐하면 그 이름을 갖고 있는 팝업창이 이미 떠 있으니까!
		 * 그런데 여기에 ""처럼 이름을 주지 않으면 팝업창 버튼을 누르면 계속 새로 창을 띄운다.
		 * 3. 새창의 속성을 지정(너비, 높이 등등)
		 * 
		 */
		window.open("08_popup.html", "", width=400, height=300);
	}	
</script>

</head>
<body>
<!-- window_open.html 에서 팝업으로 popup.html 을 띄우기 -->
<h2> 정보 입력</h2>
<form action="#" method="post" name="input_form" accept-charset="utf-8">
  각종입력양식<p>
  	주소입력<br>
우편번호 :  	<input type="text" name="zipcode" value="우편번호 검색" id="zipcode"/>
<input type="button" value="우편번호 검색" onclick="popupAddress();"/><br>
주소 :  	<input type="text" name="address" value="" id="address"/>
  	<input type="submit" name="name" value="전송"/>

</form>
</body>
</html>